/* Elements Styling ---------------------------------------------------------*/

/* Toast & Notification Styling ---------------------------------------------------------*/

.icon-info { background: url(img/icon-info.png) no-repeat; }

.icon-success { background: url(img/icon-success.png) no-repeat; }

.icon-warning { background: url(img/icon-warning.png) no-repeat; }

/* Toast Styling */

.toast {
    background: #f4f4f4;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: #999999 0 0 8px;
    margin: 0 auto;
    padding: 20px;
    width: 228px;
}

.toast-header {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 228px;
}

.toast-icon {
    float: left;
    height: 27px;
    margin-right: 5px;
    width: 27px;
}

.toast-title {
    float: left;
    font-size: 18px;
    line-height: 27px;
}

.toast-content { }

/* Notification Styling */

.notif {
    background: #ffffff;
    border: 1px solid #0099cc;
    border-radius: 3px;
    box-shadow: #0099cc 0 0 8px;
    margin: 0 auto;
    padding: 20px;
    width: 228px;
    z-index: 20000;
}

.notif-header {
    border-bottom: 1px solid #93dbf3;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 228px;
}

.notif-icon {
    float: left;
    height: 27px;
    margin-right: 5px;
    width: 27px;
}


.notif-title {
    float: left;
    font-size: 18px;
    line-height: 27px;
}

.notif-content { font-size: 14px; }

.notif .normal_but input { width: 100px; }

.notif-buttons { margin-top: 10px; }

/* Loaders Styling ---------------------------------------------------------*/

/* Big Loader Styling */

.loader-big {
    background: #ffffff;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: #999999 0 0 8px;
    padding-top: 40px;
    width: 280px;
}

.loading-big-logo {
    margin: auto;
    margin-bottom: 10px;
    padding: 0;
    width: 110px;
}

.loading-big-title {
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.loading-big-text {
    font-size: 10px;
    margin: auto;
    margin-bottom: 40px;
    width: 110px;
}

/* Loader Pull to Refresh */

.pull { border-bottom: 1px solid #d2d2d2; }

.loader-container {
    height: 50px;
    margin: 0 auto;
    padding: 10px 0;
    ;
    width: 100%;
}

.pull-check {
    color: #999999;
    font-size: 14px;
    padding-top: 10px;
}

.pull-text {
    color: #0099cc;
    font-size: 14px;
}

.spinner-bg {
    background: url('img/spinner-white-anim.gif') no-repeat;
    background-position: center;
    height: 70px;
    width: 70px;
}

/* Dynamic-loading */

.dynamic {
    border-top: 0;
    display: block;
    margin: 0 auto;
    width: 250px;
}

.dyn-text {
    color: #0099cc;
    font-size: 14px;
    padding-top: 20px;
}

.dyn-text-dark {
    color: #999999;
    font-size: 14px;
    line-height: 50px;
}